<template>
  <div id="app">

    <Head />
    <div class="div1">
      <MusicLift />
      <router-view />
    </div>
    <Bottomplay />
    <div class="Login">
      <Login />
    </div>

  </div>
</template>
<script>
import Head from '@/components/Home/head.vue'
import MusicLift from '@/components/Home/MusicLeft.vue'
import Bottomplay from '@/components/Home/Bottomplay.vue'
import Login from '@/components/login.vue'
export default {
  components: {
    Head,
    MusicLift,
    Bottomplay,
    Login
  },
  data() {
    return {}
  }
}
</script>
<style lang="less">
* {
  margin: 0;
  padding: 0;
}
.div1 {
  display: flex;
}
.Login {
  position: absolute;
  left: 570px;
  top: 150px;
  z-index: 999;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
</style>
